<template>
  <div class="admin">
    <div class="record">
      <el-table :data="tableData" style="width: 100%">
        <el-table-column label="操作" width="200">
          <template slot-scope="scope">
            <el-link type="success">出科</el-link>
            <el-link type="primary">转科</el-link>
          </template>
        </el-table-column>
        <el-table-column prop="patientId" label="用户id"></el-table-column>
        <el-table-column prop="sex" label="性别">
          <template slot-scope="scope">
            <span>{{ scope.row.sex == "1" ? "男" : "女" }}</span>
          </template>
        </el-table-column>
        <el-table-column prop="patientName" label="用户姓名"></el-table-column>
        <el-table-column prop="phoneNumber" label="手机号码"></el-table-column>
        <el-table-column prop="idNumber" label="身份证号码"></el-table-column>
        <el-table-column prop="birth" label="出生日期"></el-table-column>
        <el-table-column prop="inquiryDesc" label="备注"></el-table-column>
      </el-table>
    </div>
    <div class="page">
      <el-pagination
        align="right"
        background
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="pageIndex"
        :page-sizes="[5, 10]"
        :page-size="pageSize"
        layout="total, sizes, prev, pager, next"
        :total="totalNumber"
        style="margin-top: 58px; margin-bottom: 40px"
      ></el-pagination>
    </div>
  </div>
</template>

<script>
export default {
  name: "",
  data() {
    return {
      tableData: {},
      pageSize: 10,
      pageIndex: 1,
      total: 0
    };
  },
  created() {},
  methods: {
    handleCurrentChange(val) {
      this.pageIndex = val;
    },
    handleSizeChange(val) {
      this.pageSize = val;
    }
  }
};
</script>

<style scoped>
.page {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
}
.admin {
  margin-left: 250px;
}
</style>